<!--
 * 一个DEMO
 -->
<template>
    <view class="a-demo">
        <view class="a-demo-title" v-if="title">{{ title }}</view>
        <view class="a-demo-desc" v-if="desc">
            <rich-text :nodes="desc"></rich-text>
        </view>
        <view class="a-demo-body">
            <slot></slot>
        </view>
    </view>
</template>

<script setup>
import props from "./props.js";

// props
const _props = defineProps(props);
</script>

<style scoped>
.a-demo {
    margin-bottom: 20px;
}

.a-demo-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 2px;
}

.a-demo-desc {
    font-size: 14px;
    color: #888888;
    text-align: justify;
}

.a-demo-body {
    margin-top: 12px;
}
</style>
